<template>
    <!--<div id="tab" v-if="visible1" style="position:fixed;bottom:0;left:15%;width: 70%;height:50%;" align="center">-->
    <!--<div><el-button type="text" @click='rea'>123</el-button></div>-->
    <el-dialog title="查看结果" :modal=false :visible.sync="visible1" align="center" v-dialogDrag
               :close-on-click-modal="false"
               :before-close="clearLayerAttr" style="width:100%;margin-left: 0%;height: 100%;">
        <!--<label ></label>-->
        <el-tabs type="border-card">
            <el-tab-pane label="常规表">

                <el-table
                        :data="tableData"
                        height="300" :default-sort="{prop: 'date', order: 'descending'}">
                    <el-table-column v-for=""
                                     label="CC码"
                                     sortable
                                     prop="cc">
                    </el-table-column>
                    <el-table-column
                            label="面积"
                            sortable
                            prop="area">
                    </el-table-column>
                </el-table>
            </el-tab-pane>
            <el-tab-pane label="流转表">
                <el-table
                        :data="tableData1"
                        height="300"
                        width="100%"
                        style="width: 100%; overflow:auto" :span-method="arraySpanMethod">
                    <!--<el-table-column label="地类名称及编号" align="center"  width="240" fixed>-->
                    <!--<el-table-column label="" align="center" fixed>-->
                    <!--<el-table-column label="1" align="center" prop="title1" fixed></el-table-column>-->
                    <!--</el-table-column>-->
                    <!--<el-table-column label="" align="center" fixed>-->

                    <!--<el-table-column label="1" align="center" prop="title2" fixed></el-table-column>-->
                    <!--</el-table-column>-->

                    <!--<el-table-column label="" align="center" fixed>-->

                    <!--<el-table-column label="1" align="center" prop="title3" fixed></el-table-column>-->
                    <!--</el-table-column>-->
                    <!--</el-table-column>-->

                    <el-table-column label="" align="center" prop="title1" fixed width="150"></el-table-column>
                    <el-table-column label="" align="center" prop="title2" fixed></el-table-column>
                    <el-table-column label="" align="center" prop="title3" fixed></el-table-column>


                    <el-table-column label="耕地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="01" prop="data01" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水田" align="center">
                            <el-table-column label="011" prop="data011" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水浇地" align="center">
                            <el-table-column label="012" prop="data012" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="旱地" align="center">
                            <el-table-column label="013" prop="data013" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="园地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="02" prop="data02" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="果园" align="center">
                            <el-table-column label="021" prop="data021" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="茶园" align="center">
                            <el-table-column label="022" prop="data022" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他园地" align="center">
                            <el-table-column label="023" prop="data023" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                    <el-table-column label="林地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="03" prop="data03" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="有林地" align="center">
                            <el-table-column label="031" prop="data031" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="灌木林地" align="center">
                            <el-table-column label="032" prop="data032" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他林地" align="center">
                            <el-table-column label="033" prop="data033" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="草地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="04" prop="data04" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="天然牧草地" align="center">
                            <el-table-column label="041" prop="data041" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="人工牧草地" align="center">
                            <el-table-column label="042" prop="data042" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他草地" align="center">
                            <el-table-column label="043" prop="data043" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="城镇村及工矿用地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="20" prop="data20" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="城市" align="center">
                            <el-table-column label="201" prop="data201" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="建制镇" align="center">
                            <el-table-column label="202" prop="data202" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="村庄" align="center">
                            <el-table-column label="203" prop="data203" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="采矿用地" align="center">
                            <el-table-column label="204" prop="data204" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="风景名胜及特殊用地" align="center">
                            <el-table-column label="205" prop="data205" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="交通运输用地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="10" prop="data10" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="铁路用地" align="center">
                            <el-table-column label="101" prop="data101" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="公路用地" align="center">
                            <el-table-column label="102" prop="data102" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="农村道路" align="center">
                            <el-table-column label="104" prop="data104" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="机场用地" align="center">
                            <el-table-column label="105" prop="data105" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="港口码头用地" align="center">
                            <el-table-column label="106" prop="data106" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="管道运输用地" align="center">
                            <el-table-column label="107" prop="data107" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="水域及水利设施用地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="11" prop="data11" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="河流水面" align="center">
                            <el-table-column label="111" prop="data111" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="湖泊水面" align="center">
                            <el-table-column label="112" prop="data112" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水库水面" align="center">
                            <el-table-column label="113" prop="data113" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="坑塘水面" align="center">
                            <el-table-column label="114" prop="data114" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沿海滩涂" align="center">
                            <el-table-column label="115" prop="data115" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="内陆滩涂" align="center">
                            <el-table-column label="116" prop="data116" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沟渠" align="center">
                            <el-table-column label="117" prop="data117" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水工建筑用地" align="center">
                            <el-table-column label="118" prop="data118" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="冰川及永久积雪" align="center">
                            <el-table-column label="119" prop="data119" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="其他土地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="12" prop="data12" width="120" align="center"></el-table-column>
                        </el-table-column>

                        <el-table-column label="设施农用地" align="center">
                            <el-table-column label="122" prop="data122" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="田坎" align="center">
                            <el-table-column label="123" prop="data123" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="盐碱地" align="center">
                            <el-table-column label="124" prop="data124" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沼泽地" align="center">
                            <el-table-column label="125" prop="data125" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沙地" align="center">
                            <el-table-column label="126" prop="data126" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="裸地" align="center">
                            <el-table-column label="127" prop="data127" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>
                    <el-table-column label="合计" prop="datahj" width="120" align="center"></el-table-column>
                </el-table>
            </el-tab-pane>

            <el-tab-pane label="地类统计表">
                <el-select v-model="value1" placeholder="省" @change="selectTrigger1(value1)">
                    <el-option
                            v-for="item in option1"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>

                <el-select v-model="value2" placeholder="市" @change="selectTrigger2(value2)">
                    <el-option
                            v-for="item in option2"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>

                <el-select v-model="value3" placeholder="县" @change="selectTrigger3(value3)">
                    <el-option
                            v-for="item in option3"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                    </el-option>
                </el-select>


                <el-table
                        :data="tableData2"
                        height="300"
                        width="100%"
                        style="width: 100%; overflow:auto">


                    <el-table-column label="行政区域名称" align="center" prop="xz_name" fixed></el-table-column>
                    <el-table-column label="行政区域代码" align="center" prop="xz_code" width="150" fixed></el-table-column>


                    <el-table-column label="种植土地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0100" prop="tj0100" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水田" align="center">
                            <el-table-column label="0110" prop="tj0110" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="旱地" align="center">
                            <el-table-column label="0120" prop="tj0120" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="果园" align="center">
                            <el-table-column label="0130" prop="tj0130" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="茶园" align="center">
                            <el-table-column label="0140" prop="tj0140" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="桑园" align="center">
                            <el-table-column label="0150" prop="tj0150" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="橡胶园" align="center">
                            <el-table-column label="0160" prop="tj0160" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="苗圃" align="center">
                            <el-table-column label="0170" prop="tj0170" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="花圃" align="center">
                            <el-table-column label="0180" prop="tj0180" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他经济苗木" align="center">
                            <el-table-column label="0190" prop="tj0190" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="林草覆盖" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0300" prop="tj0300" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="乔木林" align="center">
                            <el-table-column label="0310" prop="tj0310" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="灌木林" align="center">
                            <el-table-column label="0320" prop="tj0320" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="乔灌混合林" align="center">
                            <el-table-column label="0330" prop="tj0330" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="竹林" align="center">
                            <el-table-column label="0340" prop="tj0340" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="疏林" align="center">
                            <el-table-column label="0350" prop="tj0350" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="绿化林地" align="center">
                            <el-table-column label="0360" prop="tj0360" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="人工幼林" align="center">
                            <el-table-column label="0370" prop="tj0370" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="稀疏灌草丛" align="center">
                            <el-table-column label="0380" prop="tj0380" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="天然草地" align="center">
                            <el-table-column label="0390" prop="tj0390" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="人工草地" align="center">
                            <el-table-column label="03A0" prop="tj03A0" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                    <el-table-column label="房屋建筑（区）" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0500" prop="tj0500" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="多层及以上房屋建筑区" align="center">
                            <el-table-column label="0510" prop="tj0510" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="低矮房屋建筑区" align="center">
                            <el-table-column label="0520" prop="tj0520" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="废弃房屋建筑区" align="center">
                            <el-table-column label="0530" prop="tj0530" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="多层及以上独立房屋建筑" align="center">
                            <el-table-column label="0540" prop="tj0540" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="低矮独立房屋建筑" align="center">
                            <el-table-column label="0550" prop="tj0550" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="道路" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0600" prop="tj0600" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="有轨道路路面" align="center">
                            <el-table-column label="0610" prop="tj0610" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="无轨道路路面" align="center">
                            <el-table-column label="0601" prop="tj0601" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                    <el-table-column label="构筑物" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0700" prop="tj0700" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="硬化地表" align="center">
                            <el-table-column label="0710" prop="tj0710" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水工设施" align="center">
                            <el-table-column label="0720" prop="tj0720" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="城墙" align="center">
                            <el-table-column label="0740" prop="tj0740" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="温室、大棚" align="center">
                            <el-table-column label="0750" prop="tj0750" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="固化池" align="center">
                            <el-table-column label="0760" prop="tj0760" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="工业设施" align="center">
                            <el-table-column label="0770" prop="tj0770" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沙障" align="center">
                            <el-table-column label="0780" prop="tj0780" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他构筑物" align="center">
                            <el-table-column label="0790" prop="tj0790" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                    </el-table-column>

                    <el-table-column label="人工堆掘地" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0800" prop="tj0800" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="露天采掘场" align="center">
                            <el-table-column label="0810" prop="tj0810" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="堆放物" align="center">
                            <el-table-column label="0820" prop="tj0820" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="建筑工地" align="center">
                            <el-table-column label="0830" prop="tj0830" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="其他人工堆掘地" align="center">
                            <el-table-column label="0890" prop="tj0890" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                    <el-table-column label="荒漠与裸露地表" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="0900" prop="tj0900" width="120" align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="盐碱地表" align="center">
                            <el-table-column label="0910" prop="tj0910" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="泥土地表" align="center">
                            <el-table-column label="0920" prop="tj0920" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="沙质地表" align="center">
                            <el-table-column label="0930" prop="tj0930" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="砾石地表" align="center">
                            <el-table-column label="0940" prop="tj0940" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="岩石地表" align="center">
                            <el-table-column label="0950" prop="tj0950" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                    <el-table-column label="水域" align="center">
                        <el-table-column label="小计" align="center">
                            <el-table-column label="1000" prop="tj1000" width="120" align="center"></el-table-column>
                        </el-table-column>

                        <el-table-column label="水面" align="center">
                            <el-table-column label="1001" prop="tj1001" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>
                        <el-table-column label="水渠" align="center">
                            <el-table-column label="1012" prop="tj1012" width="120"
                                             align="center"></el-table-column>
                        </el-table-column>

                    </el-table-column>

                </el-table>
            </el-tab-pane>


        </el-tabs>
    </el-dialog>
    <!--</div>-->
</template>

<script>
    import {requestMapData} from '../../api/mapdata';

    export default {
        // props:
        //     ['visible1', 'id1']
        // ,
        data() {

            return {
                radio: 3,
                tableData: [],
                tableData1: [],
                tableData2: [],
                column_row_offset: {
                    title1: [1, 1, 1, 1, 4, 4, 4, 4, 6, 7, 10, 7],
                },
                visible1: false,

                now_col_row_num: {},
                id1: "",
                id2: "",
                now_col_offset: {},
                option: [],
                option1: [],
                option2: [],
                option3: [],
                options: [],
                value1: '',
                value2: '',
                value3: '',

            }
        },

        methods: {
            clearLayerAttr() {

                this.visible1 = false;
            },
            rea: function f(id) {

                var mapdataParams = {id: id};
                requestMapData(mapdataParams).then(res => {
                    let {body, code} = res.data;
                    //this.tableData=body;
                    var cc = "", area = "";
                    var datasource = []
                    for (var x in body) {

                        if (x == 0) {
                            continue;
                        }
                        cc = body[x].split(",")[0]
                        area = body[x].split(",")[1]
                        datasource.push({cc: cc, area: area});
                    }
                    this.tableData = datasource;

                })

            },

            rea2: function f(id) {

                var mapdataParams = {id: id};
                requestMapData(mapdataParams).then(res => {
                    let {body, code} = res.data;

                    var title1, title2, title3, data01, data011, data012, data013, data02, data021, data022, data023,
                        data03, data031, data032, data033, data04, data041, data042, data043, data20, data201, data202,
                        data203, data204,
                        data205, data10, data101, data102, data104, data105, data106, data107, data11, data111, data112,
                        data113, data114,
                        data115, data116, data117, data118, data119, data12, data122, data123, data124, data125,
                        data126, data127, datahj;

                    var datasource1 = []
                    for (var y in body) {
                        //alert(y)
                        if (y >= 0) {

                            let aa = body[y].split(",");
                            data01 = body[y].split(",")[3];
                            data011 = body[y].split(",")[4];
                            data012 = body[y].split(",")[5];
                            data013 = body[y].split(",")[6];
                            data02 = body[y].split(",")[7];
                            data021 = body[y].split(",")[8];
                            data022 = body[y].split(",")[9];
                            data022 = body[y].split(",")[10];
                            data023 = body[y].split(",")[11];
                            data03 = body[y].split(",")[12];
                            data031 = body[y].split(",")[13];
                            data032 = body[y].split(",")[14];
                            data033 = body[y].split(",")[15];
                            data04 = body[y].split(",")[16];
                            data041 = body[y].split(",")[17];
                            data042 = body[y].split(",")[18];
                            data043 = body[y].split(",")[19];
                            data20 = body[y].split(",")[20];
                            data201 = body[y].split(",")[21];
                            data202 = body[y].split(",")[22];
                            data203 = body[y].split(",")[23];
                            data204 = body[y].split(",")[24];
                            data205 = body[y].split(",")[25];
                            data10 = body[y].split(",")[26];
                            data101 = body[y].split(",")[27];
                            data102 = body[y].split(",")[28];
                            data104 = body[y].split(",")[29];
                            data105 = body[y].split(",")[30];
                            data106 = body[y].split(",")[31];
                            data107 = body[y].split(",")[32];
                            data11 = body[y].split(",")[33];
                            data111 = body[y].split(",")[34];
                            data112 = body[y].split(",")[35];
                            data113 = body[y].split(",")[36];
                            data114 = body[y].split(",")[37];
                            data115 = body[y].split(",")[38];
                            data116 = body[y].split(",")[39];
                            data117 = body[y].split(",")[40];
                            data118 = body[y].split(",")[41];
                            data119 = body[y].split(",")[42];
                            data12 = body[y].split(",")[43];
                            data122 = body[y].split(",")[44];
                            data123 = body[y].split(",")[45];
                            data124 = body[y].split(",")[46];
                            data125 = body[y].split(",")[47];
                            data126 = body[y].split(",")[48];
                            data127 = body[y].split(",")[49];
                            datahj = body[y].split(",")[50];
                            title1 = body[y].split(",")[0];
                            title2 = body[y].split(",")[1];
                            title3 = body[y].split(",")[2];
                            datasource1.push({
                                title1: title1,
                                title2: title2,
                                title3: title3,
                                data01: data01,
                                data011: data011,
                                data012: data012,
                                data013: data013,
                                data02: data02,
                                data021: data021
                                ,
                                data022: data022,
                                data023: data023,
                                data03: data03,
                                data031: data032,
                                data033: data033,
                                data04: data04,
                                data041: data041,
                                data042: data042,
                                data043: data043
                                ,
                                data20: data20,
                                data201: data201,
                                data202: data202,
                                data203: data203,
                                data204: data204,
                                data205: data205,
                                data10: data10,
                                data101: data101,
                                data102: data102
                                ,
                                data104: data104,
                                data105: data105,
                                data106: data106,
                                data107: data107,
                                data11: data11,
                                data11: data111,
                                data111: data112,
                                data112: data112,
                                data113: data113,
                                data114: data114
                                ,
                                data115: data115,
                                data116: data116,
                                data117: data117,
                                data118: data118,
                                data119: data119,
                                data12: data12,
                                data122: data122,
                                data123: data123,
                                data124: data124
                                ,
                                data125: data125,
                                data126: data126,
                                data127: data127,
                                datahj: datahj
                            });
                        }


                    }


                    this.tableData1 = datasource1;

                })

            },

            rea3: function f(id) {
                this.option = [];
                this.option1 = [];
                var mapdataParams = {id: id};
                requestMapData(mapdataParams).then(res => {
                    let {body, code} = res.data;

                    var xz_name, xz_code, tj0100, tj0110, tj0120, tj0130, tj0140, tj0150, tj0160, tj0170, tj0180,
                        tj0190, tj0300, tj0310, tj0320, tj0330, tj0340, tj0350, tj0360, tj0370, tj0380, tj0390, tj03A0,
                        tj0500,
                        tj0510, tj0520, tj0530, tj0540, tj0550, tj0600, tj0610, tj0601, tj0700, tj0710, tj0720, tj0740,
                        tj0750,
                        tj0760, tj0770, tj0780, tj0790, tj0800, tj0810, tj0820, tj0830, tj0890, tj0900, tj0910, tj0910,
                        tj0920, tj0930,
                        tj0940, tj0950, tj1000, tj1001, tj1012;

                    var datasource2 = []
                    for (var y in body) {
                        //alert(y)
                        if (y >= 3 && y <= 54) {

                            let aa = body[y].split(",");
                            xz_name = body[y].split(",")[0];
                            xz_code = body[y].split(",")[1];
                            tj0100 = body[y].split(",")[2];
                            tj0110 = body[y].split(",")[3];
                            tj0120 = body[y].split(",")[4];
                            tj0130 = body[y].split(",")[5];
                            tj0140 = body[y].split(",")[6];
                            tj0150 = body[y].split(",")[7];
                            tj0160 = body[y].split(",")[8];
                            tj0170 = body[y].split(",")[9];
                            tj0180 = body[y].split(",")[10];
                            tj0190 = body[y].split(",")[11];
                            tj0300 = body[y].split(",")[12];
                            tj0310 = body[y].split(",")[13];
                            tj0320 = body[y].split(",")[14];
                            tj0330 = body[y].split(",")[15];
                            tj0340 = body[y].split(",")[16];
                            tj0350 = body[y].split(",")[17];
                            tj0360 = body[y].split(",")[18];
                            tj0370 = body[y].split(",")[19];
                            tj0380 = body[y].split(",")[20];
                            tj0390 = body[y].split(",")[21];
                            tj03A0 = body[y].split(",")[22];
                            tj0500 = body[y].split(",")[23];
                            tj0510 = body[y].split(",")[24];
                            tj0520 = body[y].split(",")[25];
                            tj0530 = body[y].split(",")[26];
                            tj0540 = body[y].split(",")[27];
                            tj0550 = body[y].split(",")[28];
                            tj0600 = body[y].split(",")[29];
                            tj0610 = body[y].split(",")[30];
                            tj0601 = body[y].split(",")[31];
                            tj0700 = body[y].split(",")[32];
                            tj0710 = body[y].split(",")[33];
                            tj0720 = body[y].split(",")[34];
                            tj0740 = body[y].split(",")[35];
                            tj0750 = body[y].split(",")[36];
                            tj0760 = body[y].split(",")[37];
                            tj0770 = body[y].split(",")[38];
                            tj0780 = body[y].split(",")[39];
                            tj0790 = body[y].split(",")[40];
                            tj0800 = body[y].split(",")[41];
                            tj0810 = body[y].split(",")[42];
                            tj0820 = body[y].split(",")[43];
                            tj0890 = body[y].split(",")[44];
                            tj0900 = body[y].split(",")[45];
                            tj0910 = body[y].split(",")[46];
                            tj0920 = body[y].split(",")[47];
                            tj0930 = body[y].split(",")[48];
                            tj0940 = body[y].split(",")[49];
                            tj0950 = body[y].split(",")[50];
                            tj1000 = body[y].split(",")[51];
                            tj1001 = body[y].split(",")[52];
                            tj1012 = body[y].split(",")[53];
                            if (xz_code.substring(2, 9) == "0000000") {
                                this.option1.push({label: xz_name, value: xz_code});

                            }

                            this.option.push({
                                xz_name: xz_name,
                                xz_code: xz_code,
                                tj0100: tj0100,
                                tj0110: tj0110,
                                tj0120: tj0120,
                                tj0130: tj0130,
                                tj0140: tj0140,
                                tj0150: tj0150,
                                tj0160: tj0160
                                ,
                                tj0170: tj0170,
                                tj0180: tj0180,
                                tj0190: tj0190,
                                tj0300: tj0300,
                                tj0310: tj0310,
                                tj0320: tj0320,
                                tj0330: tj0330,
                                tj0340: tj0340,
                                tj0350: tj0350
                                ,
                                tj0360: tj0360,
                                tj0370: tj0370,
                                tj0380: tj0380,
                                tj0390: tj0390,
                                tj03A0: tj03A0,
                                tj0500: tj0500,
                                tj0510: tj0510,
                                tj0520: tj0520,
                                tj0530: tj0530
                                ,
                                tj0540: tj0540,
                                tj0550: tj0550,
                                tj0600: tj0600,
                                tj0610: tj0610,
                                tj0601: tj0601,
                                tj0700: tj0700,
                                tj0710: tj0710,
                                tj0720: tj0720,
                                tj0740: tj0740,
                                tj0750: tj0750
                                ,
                                tj0760: tj0760,
                                tj0770: tj0770,
                                tj0780: tj0780,
                                tj0790: tj0790,
                                tj0800: tj0800,
                                tj0810: tj0810,
                                tj0820: tj0820,
                                tj0830: tj0830,
                                tj0890: tj0890
                                ,
                                tj0900: tj0900,
                                tj0910: tj0910,
                                tj0920: tj0920,
                                tj0930: tj0930,
                                tj0940: tj0940,
                                tj0950: tj0950,
                                tj1000: tj1000,
                                tj1001: tj1001,
                                tj1012: tj1012
                            });
                            this.options = this.option;
                            datasource2.push({
                                xz_name: xz_name,
                                xz_code: xz_code,
                                tj0100: tj0100,
                                tj0110: tj0110,
                                tj0120: tj0120,
                                tj0130: tj0130,
                                tj0140: tj0140,
                                tj0150: tj0150,
                                tj0160: tj0160
                                ,
                                tj0170: tj0170,
                                tj0180: tj0180,
                                tj0190: tj0190,
                                tj0300: tj0300,
                                tj0310: tj0310,
                                tj0320: tj0320,
                                tj0330: tj0330,
                                tj0340: tj0340,
                                tj0350: tj0350
                                ,
                                tj0360: tj0360,
                                tj0370: tj0370,
                                tj0380: tj0380,
                                tj0390: tj0390,
                                tj03A0: tj03A0,
                                tj0500: tj0500,
                                tj0510: tj0510,
                                tj0520: tj0520,
                                tj0530: tj0530
                                ,
                                tj0540: tj0540,
                                tj0550: tj0550,
                                tj0600: tj0600,
                                tj0610: tj0610,
                                tj0601: tj0601,
                                tj0700: tj0700,
                                tj0710: tj0710,
                                tj0720: tj0720,
                                tj0740: tj0740,
                                tj0750: tj0750
                                ,
                                tj0760: tj0760,
                                tj0770: tj0770,
                                tj0780: tj0780,
                                tj0790: tj0790,
                                tj0800: tj0800,
                                tj0810: tj0810,
                                tj0820: tj0820,
                                tj0830: tj0830,
                                tj0890: tj0890
                                ,
                                tj0900: tj0900,
                                tj0910: tj0910,
                                tj0920: tj0920,
                                tj0930: tj0930,
                                tj0940: tj0940,
                                tj0950: tj0950,
                                tj1000: tj1000,
                                tj1001: tj1001,
                                tj1012: tj1012
                            });
                        }


                    }


                    this.tableData2 = datasource2;

                })

            },

            selectTrigger1: function f(value) {
                this.options = [];
                this.tableData2 = [];
                this.option2 = [];
                this.option3 = [];
                this.value2 = '';
                this.value3 = '';
                var mes = value.substring(0, 2);
                for (var item in this.option) {
                    if (this.option[item].xz_code.substring(0, 2) == mes) {
                        this.options.push(this.option[item]);
                        this.tableData2.push(this.option[item]);
                        if (this.option[item].xz_code.substring(2, 4) != "00" && this.option[item].xz_code.substring(4, 9) == "00000") {
                            this.option2.push({label: this.option[item].xz_name, value: this.option[item].xz_code});
                        }
                    }
                }

            },

            selectTrigger2: function f(value) {
                this.tableData2 = [];
                this.option3 = [];
                this.value3 = '';
                var mes = value.substring(0, 4);
                for (var item in this.options) {
                    if (this.options[item].xz_code.substring(0, 4) == mes) {
                        this.tableData2.push(this.options[item]);
                        if (this.options[item].xz_code.substring(4, 6) != "00" && this.options[item].xz_code.substring(6, 9) == "000") {
                            this.option3.push({label: this.options[item].xz_name, value: this.options[item].xz_code});
                        }
                    }
                }
            },

            selectTrigger3: function f(value) {
                this.tableData2 = [];
                var mes = value.substring(0, 6);
                for (var item in this.options) {
                    if (this.options[item].xz_code.substring(0, 6) == mes) {
                        this.tableData2.push(this.options[item]);

                    }
                }
            },

            arraySpanMethod({row, column, rowIndex, columnIndex}) {
                if (rowIndex >= 0 && rowIndex <= 3) {
                    if (columnIndex == 0) {
                        return [1, 3];
                    } else if (columnIndex == 1 || columnIndex == 2) {
                        return [0, 0];
                    }
                }
                else if (rowIndex == 4 || rowIndex == 8 || rowIndex == 12 || rowIndex == 16) {
                    if (columnIndex == 0) {
                        return [4, 1];
                    }
                } else if (rowIndex == 20) {
                    if (columnIndex == 0) {
                        return [6, 1];
                    }
                } else if (rowIndex == 26) {
                    if (columnIndex == 0) {
                        return [7, 1];
                    }
                } else if (rowIndex == 33) {
                    if (columnIndex == 0) {
                        return [10, 1];
                    }
                } else if (rowIndex == 43) {
                    if (columnIndex == 0) {
                        return [7, 1];
                    }
                }

                else {
                    if (columnIndex == 0) {
                        return [0, 0];
                    }
                }
            },

        },
        mounted: function () {
            let that = this;
            var id3 = ""
            this.$Bus.$on("vis", res => {
                that.visible1 = res.visible;
                that.id1 = res.id2;
                that.id2 = res.id3;
                that.id3 = res.id4;
                that.rea(that.id1);
                that.rea2(that.id2);
                that.rea3(that.id3);
                // alert(res.id2);
                // id3=res.id2;
            })


        },
        created() {

        },

    }
</script>

<style>
    body .el-table th.gutter {
        display: table-cell !important;
    }


</style>